/**
 * 接口监控
 */
import React, { useState, useEffect } from 'react';
import styles from './index.less';
import { message, Breadcrumb } from 'antd';
import MonitoringComp from './components/MonitoringComp';
import MonitoringChart from './components/MonitoringChart';

export default class extends React.Component {
  componentDidMount = () => {};
  render() {
    return (
      <div className={styles.pageRoot}>
        <div className={styles.header}>
          <Breadcrumb>
            <Breadcrumb.Item>系统管理</Breadcrumb.Item>
            <Breadcrumb.Item>运行监控</Breadcrumb.Item>
          </Breadcrumb>
          <div className={styles.title}>运行监控</div>
        </div>
        <div className={styles.top}>
          <MonitoringComp />
        </div>
        <div className={styles.bottom}>
          <MonitoringChart />
        </div>
      </div>
    );
  }
}
